@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem;  color:#666666; font-family:"微软雅黑"; min-width:12rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6,dl,dt,dd{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
em,i{font-style:normal;}
.clear {clear: both;height: 0;}
.fl{float:left;}
.fr{float:right}
@keyframes light{0%{top:0;}50%{top:100%;}100%{top:-40px;}}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}

.wd1200{width:12rem;margin: 0 auto;height: auto}
.top {padding: 0.18rem 0;height: 0.9rem;width: 100%;float:left;}
.top .logo{display: block;padding: 0.2rem 0.2rem 0 0;height: auto;width: 2.02rem;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 0.7rem;padding: 0.2rem 0 0 0.2rem;position: relative;}
.top .logo_2:before{content: "";width: 1px;height: 58px;background: #e5e5e5;position: absolute;top: 20px;left: 0;}
.top .logo_2 strong{display: block;font-size: 0.26rem;line-height: 0.32rem;color: #ba272d;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 3.6rem;}
.top .logo_2 p{display: block;font-size: 0.16rem;line-height: 0.24rem;color: #666;padding-top: 0.06rem;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 2.2rem;height: 0.8rem;display: block;overflow: hidden;background: url(../pic/tel.gif) no-repeat 0px 0.08rem;padding-left: 0.5rem;margin-top: 0.18rem;background-size: 0.42rem;}
.top .top_tel i{float:left;width: 1.84rem;display: block;color: #777;font-style: normal;}
.top .top_tel  p{font-size: 0.26rem;color: #333;line-height:0.28rem;height: 0.32rem;float:left;margin-top: 0.05rem;font-weight:bold;width: 2.34rem;overflow: hidden;}
.top .top_tel p span{font-size: 0.16rem;display: block;line-height: 0.22rem; font-weight:normal}
.h_code{width:125px;height:92px;overflow:hidden;float: right;padding-right: 7px;}
.h_code em{width: 90px;height: 90px;display: block;line-height: 0;position: relative;float: left;}
.h_code img{width: 90px;height: 90px;}
.h_code em:after{display:block;position:absolute;left:0;top:0;width:100%;height:40px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;background:url(../pic/code_shadow1.png) no-repeat 0 0;}
.h_code span{display: block;float: right;width: 30px;height: 90px;background: #ba272d;}
.h_code i{display: block;font-size: 14px;color: #fff;width: 20px;text-align: center;line-height: 18px;margin: 0 auto;padding: 8px 0 0;}
/*导航*/
.nav{height: 0.56rem;text-align: center;float: left;width: 100%;border-top: 1px solid #f2f2f2;position: relative;}
.nav .h_nav{width: 12rem;margin: 0 auto;}
.nav .navLi{height:0.56rem;line-height:0.56rem;float: left;width: 120px;}
.nav .cur{background:#ba272d;color:#fff}
.nav .cur a{color:#fff}
.nav .navLi:after{width:1px;height: 8px;content:"";position:absolute;background: #dcdbdb;left: 0;top: 50%;margin-top: -4px;}
.nav .navLi:first-child:after{background:none}
.nav a{position:relative;display: block;line-height: 0.56rem;color:#4c4c4c;font-size: 0.16rem;padding: 0 0.1rem;}
.nav em{display: block;position: relative;font-style: normal;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .navLi a:hover{color: #fff;background:#ba272d}
.sNav, .xNav, .zNav0, img{ transition: All 1s ease;  -webkit-transition: All 1s ease;   -moz-transition: All 1s ease;    -o-transition: All 1s ease;}

/*导航触发效果*/
.sNav{height: auto;position: absolute;z-index: 1000;width: 100%;background: rgba(255,255,255,0.9);overflow: hidden;left:0px;padding: 40px 0 30px 0;display: none;} 
.sNav.on{z-index: 12;height: 4.8rem;}
.sNav .wal2{height: 100%;width: 12rem;margin: 0 auto;/* position: relative; */}
.sNav .menu01{float: left;}
.sNav .menu01 li{float:left;width: 171px;text-align: center;}
.sNav .menu01 li span{width: 98px;height: 98px;float: left;margin: 0 auto 10px 26px;position: relative;border: #c9c9c9 1px solid;border-radius: 10px;}
.sNav .menu01 li span img{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}
.sNav .menu01 li p{width:100%;float:left;text-align:center}
.sNav .menu01 li:hover p{color:#ba272d}
.sNav .menu02L{width: 290px;padding: 30px 0 0 140px;}
.sNav .menu02L a{font-size: 18px;color: #1a1a1a;display: block;width: 290px;height: 66px;line-height: 66px;overflow: hidden;border-bottom: rgba(160,160,160,0.2) 1px solid;background:url(../pic/rto_ico01.png) no-repeat right 26px;}
.sNav .menu02L a:hover{background:url(../pic/rto_ico02.png) no-repeat right 26px;color:#ba272d}
.sNav .menu02R{width: 470px;height: 260px;line-height: 0;padding: 0 80px 0 140px;}
.sNav .menu02R img{width: 470px;height: 260px;}
.nav .navLi:hover .sNav{display:block}
.sNav .menu02R a:hover,.sNav .menu03 a:hover,.sNav .menu04 a:hover{background:none;color:#ba272d}
.menu03{padding-left:380px;}
.menu03 a{display:block;height: 32px;line-height: 32px;float: left;width: 290px;}
.menu03 a span{width:32px;height: 32px;float: left;padding-right: 10px;}
.menu03 a span img{max-width:100%;height: auto}
.menu03 a p{font-size:16px;float: left;}
.menu04{float:right;}
.menu04 a{display:block;height: 32px;line-height: 32px;padding:0 20px 0 50px;font-size:0.16rem;float:left;}
.menu04 a span{width:34px;height: 30px;float: left;padding-right: 10px;}
.menu04 a span img{max-width:100%;height: auto}
.menu04 a p{font-size:16px;float: left;}
/*轮播广告*/
.bn-alp {width:100%;height: 680px;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 680px;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width: 15px;height: 15px;background: #fff;border-radius: 50%;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #ba272d;width: 50px;border-radius: 6px;}
/*搜索*/
.search{float:left;width:100%;height: 0.77rem;overflow:hidden;border-bottom: 1px solid #dedede;}
.Fsearch{background:#f2f2f2;margin-top: -0.04rem;}
.search .wd1200{ position: relative; height: 0.56rem; padding:0.2rem 0 0 0; }
.search_main_l{ float:left; margin-right:0.2rem; max-width:9rem}
.search_main_l strong{font-weight: normal;display: block;color: #808080;line-height: 0.3rem;padding-left: 0.3rem;background: url(../pic/search_t.png) no-repeat -0.05rem center;float: left;background-size: 0.3rem;}
.search_main_l p,.search_main_l p a{font-size: 0.14rem;color: #808080;display: inline-block;line-height: 0.25rem;float:left;padding-right:0.2rem;}
.search_main_l p{overflow: hidden;height: 0.25rem;float: left;padding-top: 0.02rem;max-width: 7.5rem;}
.search_main_l p a:hover{ color: #000000; text-decoration: underline; }

.search .search_in{ float: right;    height: 0.56rem;    position: relative; }
.search .search_in form{width: 2.6rem;height: 0.35rem;line-height: 0.35rem;display: block;border-radius: 0.35rem;}
.search .search_in form input{ background: none; border:0 none;  font-size:0.14rem; }
.search .search_in form #search-bg{float: left;width: 2.2rem;border: 1px solid #f3efef;border-right: 0;border-top-left-radius: 18px;border-bottom-left-radius: 18px;background: #fff;}
.search .search_in form #search-i{width: 0.49rem;height: 0.49rem;display:block;border-radius: 50%;cursor: pointer;position: absolute;right: 0;top: -0.07rem;}
.search .search_in form #search-bg input {line-height: 0.35rem;display: block;padding: 0 0px 0 0.2rem;width: 1.8rem;}
.search .search_in form #search-i input{display: block;background: url(../pic/s_so.gif) no-repeat center;width: 100%;height: 100%;cursor: pointer;background-size: 0.47rem;}
.search_main_r strong{ font-size:0.28rem; color: #fff; display: block; line-height: 0.35rem; font-weight: bold; }

.main{width:100%;float:left;padding:70px 0 100px;}
.hz{padding:90px 0 70px;}
.hz .hz_tit{height: 45px;background: url(../pic/hz_tbg.gif) repeat-x 0 13px;}
.hz .hz_tit a{display: block;font-size: 32px;color: #333;background: #fff;width: 260px;text-align: center;height: 45px;line-height: 40px;overflow: hidden;margin: 0 auto;}
.hz .ul{width: 12rem;margin:0 auto;overflow:hidden;position: relative;margin-top: 20px;}
.hz .ul .left1{width: 0.25rem;background: url(../pic/hz_lico01.gif) 0 0px no-repeat;background-size: 0.25rem;height: 0.5rem;position: absolute;left: 0;top: 50%;cursor: pointer;transition: 0.3s all ease;transform: translateY(-50%);}
.hz .ul .right1{float:right;width: 0.25rem;background: url(../pic/hz_rico01.gif) center 0 no-repeat;background-size: 0.25rem;height: 0.5rem;position: absolute;right: 0;top: 50%;cursor: pointer;transition: 0.3s all ease;transform: translateY(-50%);}
.hz .ul .neirong{float:left;width: 11.6rem;height: 1.5rem;overflow:hidden;margin-left: 0.2rem;}
.hz .ul .neirong li{_display:inline;background:#fff;overflow:hidden;text-align:center;display: block;margin: 0 0.06rem;width: 2rem;height: 1.38rem;float:left;padding: 0.05rem 0.1rem;position: relative;}
.hz .ul .neirong li .tjimg{width: 2rem;height: 1rem;position:relative;float:left;border: 1px solid #eee;overflow:hidden;}
.hz .ul .neirong li img{position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;max-width: 100%;max-height:100%;-webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;}
.hz .ul h3{float: left;overflow:hidden;text-align:center;padding: 0.05rem 0 0.05rem 0;font-size: 0.14rem;font-weight: 400;color: #333;width: 100%;height: 0.18rem;}
.hz .ul li:hover h3{color:#ba272d;}
.hz .ul li:hover .tjimg{border: 1px solid #cccbcb}
.hz .ul li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.sy_tit{font-size: 40px;color: #1a1a1a;text-align: center;height: 90px;line-height: 40px;overflow: hidden;font-weight: normal;width: 100%;float: left;}
.sy_tit a{color: #1a1a1a;}
.sy_tit span{display: block;font-size: 18px;color: #666;padding: 8px 0 0;}

.case{background: #eee;}
.case_nav{width:100%;float:left;padding:25px 0;}
.case_nav li{width:160px;float:left;margin-left:48px;}
.case_nav li:first-child{margin-left:0;}
.case_nav li a{display: block;font-size: 16px;color: #333;width: 158px;height: 43px;text-align: center;line-height: 43px;overflow: hidden;border: #a0a0a0 1px solid;border-radius: 30px;}
.case_nav li.cur a,.case_nav li a:hover{background: #ba272d;border: #ba272d 1px solid;color: #fff;}
.case_m{width:100%;float:left;position: relative}
.poster-main {position: relative;}
.poster-main .poster-btn a { position: absolute; top: 225px; display:block;  width:46px; height:46px;}
.poster-main .poster-prev-btn a {background:url(../pic/case_lico01.png) no-repeat; left: -80px; }
.poster-main .poster-prev-btn a:hover{background:url(../pic/case_lico02.png) no-repeat;}
.poster-main .poster-next-btn a {background:url(../pic/case_rico01.png) no-repeat; right: -80px; }
.poster-main .poster-next-btn a:hover{background:url(../pic/case_rico02.png) no-repeat;}
.poster-main .poster-next-btn{right:0px;}
.poster-main .poster-prev-btn{left:0px;}
.case_m dl dd{width: 84%;height: 90px;background: rgba(186,39,45,0.8);overflow: hidden;position: absolute;bottom: 0;left: 0;padding: 20px 8% 0;}
.case_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 20px;color: #fff;}
.case_desc{font-size: 14px;color: rgba(255,255,255,0.7);height: 30px;line-height: 30px;overflow: hidden;}
.case_m dl dd span{position: absolute;top: 25px;right: 8%;display: block;width: 60px;}
.case_m dl dd span a{display: block;font-size: 14px;color: #ba272d;width: 60px;text-align: center;height: 60px;line-height: 60px;background: #fff;border-radius: 50%;-webkit-transition:transform .3s;transition:transform .3s;}
.case_m dl dd span a:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.poster-main .poster-list .poster-item {position: absolute;margin: 0 auto; line-height: 0;overflow: hidden;}
.poster-item dt{height: 100%;width: 100%;}
.poster-main .poster-list .poster-item img {display: block;width: 100%;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}

/*广告*/
.bann01{background: url(../pic/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;padding-top: 46px;padding-bottom: 0;}
.bann01 .bann01L{width: 600px;color:#fff;overflow: hidden;}
.bann01 .bann01L .p1{font-size:17px;height: 60px;line-height: 60px;overflow: hidden;}
.bann01 .bann01L .p2{font-size:22px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;}
.ban01_tel{width: 360px;}
.ban01_tel span{display: block;width: 360px;font-size: 16px;color: #fff;line-height: 28px;height: 80px;background: url(../pic/ban_tel.png) no-repeat 45px 10px;text-align: right;}
.ban01_tel b{font-size: 24px;}
.ban01_tel b i{display: block;}
.ban01_tel a{float: right;font-size: 14px;color: #fff;display: block;width: 110px;height: 30px;line-height: 30px;overflow: hidden;border-radius: 30px;text-align: center;background: #ba272d;}
.ban01_tel a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
.bann02{background: url(../pic/ban02.jpg) no-repeat center 0;}
.bann02 .bann01L .p1{padding-left:30px;font-size:30px;}
.bann02 .bann01L .p2{color: #ba272d;font-size:32px;}

/*优势*/
.yous{background: #eee;}
.ys{width:100%;float:left;overflow: hidden;}
.yous dl dd h5{height: 90px;position: relative;font-size: 32px;color: #ba272d;line-height: 34px;overflow: hidden;}
.yous dl dd h5:before{content: "";width: 234px;height: 1px;background: #dfdfdf;position: absolute;bottom: 0;left: 85px;}
.yous dl dd em{display: block;line-height: 0;width: 60px;height: 60px;overflow: hidden;border-radius: 50%;background: #ba272d;float: left; transition: all 0.3s ease-in-out 0s;}
.yous dl dd em img{width: 60px;height: 60px;}
.yous dl dd:hover em{ transform: rotateY(180deg);}
.yous dl dd span{display: block;float: left;padding: 0 0 0 20px;}
.yous dl dd i{display: block;font-size: 14px;color: #999;font-weight: normal;font-family:Arial, Helvetica, sans-serif;}
.ys_desc{position: relative;margin-top: 30px;}
.ys_desc:before{content: "";width: 1px;height: 100%;background: #dcdcdc;position: absolute;top: 10px;left: 35px;}
.ys_desc p{font-size: 16px;color: #333;line-height: 26px;position: relative;padding:20px 0 0 80px;}
.ys_desc p:before{content: "";width: 10px;height: 10px;background: #dcdcdc;position: absolute;top: 28px;left: 30px;border-radius: 50%;}
.ys01{height: 465px;padding: 20px 0 0;}
.ys01 dt{float: right;width: 632px;height: 449px;}
.ys01 dd{width: 540px;float: left;padding: 40px 0 0;}
.ys02{height: 450px;}
.ys02 dt{float: left;width: 512px;height: 420px;}
.ys02 dd{width: 620px;float: right;padding: 40px 0 0;}
.ys03{height: 520px;}
.ys03 dt{float: right;width: 565px;height: 457px;}
.ys03 dd{width: 600px;float: left;padding: 60px 0 0;}
.ys04{height: 360px;}
.ys04 dt{float: left;width: 538px;height: 356px;}
.ys04 dd{width: 600px;float: right;padding: 26px 0 0;}
.ys dt{position:relative}
.ys dt img{width:auto;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}
.yous dl dt,.ys_qie ul li{-webkit-transition:transform .3s;transition:transform .3s;line-height: 0;}
.yous dl dt:hover,.ys_qie ul li:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.ys_qie{padding: 40px 0 0 80px;overflow: hidden;}
.ys_qie ul li{width: 160px;height: 90px;float: left;margin:10px 10px 0 0;}
.ys_qie ul li img{width: 160px;height: 90px;border: #e5e5e5 1px solid;box-sizing: border-box;}

/*解决方案*/
.plan{padding: 80px 0 70px;}
.plan_m{padding: 25px 0 0;width: 100%;float: left;}
.plan_m dl{width: 288px;height: 288px;float: left;position: relative;margin-right: 16px;}
.plan_m dl dt{width: 288px;height: 150px;position: relative;line-height: 0;padding-top: 70px;}
.plan_m dl dt:after{ position: absolute;left:42px;top:42px;width: 204px;height: 204px;border:1px solid #e2e1e1;content: ""; transform: rotate(45deg); box-sizing: border-box;}
.plan_m dl dt em{width: 68px;height: 60px;display: block;line-height: 0;overflow: hidden;margin: 0 auto;}
.plan_m dl dt img{width: 68px;height: 60px;}
.plan_m dl dt b{display: block;font-size: 18px;color: #333;height: 70px;line-height: 70px;overflow: hidden;background: url(../pic/plan_ico08.png) no-repeat center bottom;text-align: center;}
.plan_m dl dd{position: absolute;top: 0;left: 0;transform: scale(0);transition:1s;opacity: 0;}
.plan_m dl dd img{width: 288px;height: 288px;}
.plan_m dl dd a{width: 288px;height: 288px;position: absolute;top: 0;left: 0;display: block;background: url(../pic/plan_k.png) no-repeat;
text-align: center;}
.plan_m dl:hover dd,.plan_m dl.cur dd{transform: scale(1);opacity: 1;z-index: 10;}
.plan_m dl dd h5{font-size: 18px;color: #fff;height: 35px;line-height: 35px;overflow: hidden;padding: 120px 0 0;}
.plan_m dl dd p{font-size: 14px;color: #fff;line-height: 24px;height: 74px;overflow: hidden;padding: 10px 0 0;width: 205px;margin: 0 auto;background: url(../pic/plan_ico08.png) no-repeat center bottom;}
.plan_m dl.dl06,.plan_m dl.dl07{margin-top: -135px;}
.plan_m dl.dl05{margin-left: 153px;margin-top: -135px;}
.plan_m dl.dl04{margin-right: 0;}
.plan_btn{width: 300px;margin: 0 auto;padding: 30px 0 0;}
.plan_btn a{display: block;width: 300px;text-align: center;height: 50px;line-height: 50px;background: #ba272d;font-size: 16px;color: #fff;border-radius: 30px;}
.plan_btn a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.plan_btn a:hover {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/*产品*/
.chanp{padding: 80px 0 60px;background: #f0f0f0;}
.cp_l{padding-top:30px;width:100%;float:left;}
.cp_l h2{width: 250px;height: 90px;overflow: hidden;}
.cp_l h2 a{font-size: 22px;color: #fff;display: block;padding: 24px 0 0 85px;line-height: 24px;width: 165px;height: 66px;background: #ba272d url(../pic/cp_ico01.png) no-repeat 36px 25px;font-weight: normal;}
.cp_l h2 i{ font-family:"Times New Roman", Times, serif;display: block;font-size: 14px;color: rgba(255,255,255,0.5);text-transform: uppercase;}
.dcpml{background: #fff;width: 250px;float:left;padding:0px 0 0 0px;}
.dcpml .ul02{float:left;width: 100%;color:#999999;border-top:0px;position:relative;font-size: 14px;overflow:hidden;}
.dcpml .ul02 li{float:left;width: 220px;padding-left: 30px;border-top: 1px dashed #EAEAEA;height: 59px;line-height: 59px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0px 0 0px 0;}
.dcpml .ul02 li a{float:left;width: 100%;padding-left:10px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333;}
.dcpml .ul02 li:hover{background:#333;border-top: 1px dashed #333;}
.dcpml .ul02 li:hover a{color:#fff}
.dgysj{width: 945px;float:right;}
.dgysj .content0{width: 100%;float:left;color:#999999;position:relative;}
.dgysj .content0 .li01{margin-left: 10px;margin-bottom: 34px;width: 305px;height: 260px;float:left;}
.dgysj .content0 .span01{width: 100%;height: 230px;position:relative;float:left;text-align:center;line-height:200px;font-family:"微软雅黑";overflow: hidden;}
.dgysj .content0 .span01 img{width: 100%;height: auto;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.dgysj .content0 .span02{font-size: 14px;width: 100%;text-align:center;float:left;color:#333333;height: 44px;line-height: 44px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.dgysj .content0 .span02:after{content: "";width: 100%;height: 2px;background: #e5e5e5;position: absolute;bottom: 0;left: 0;z-index: 0;}
.dgysj .content0 .span02:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ba272d;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.dgysj .content0 li:hover .span02:before {left: 0; right: 0;}
.dgysj .content0 .span02 a{ color:#000000; text-decoration:none}.dgysj .content0 .span02 a:hover{ color:#0863d5;; text-decoration:none}
/*服务加持*/
.service{padding: 80px 0;}
.service ul{padding: 50px 0 0;width: 100%;float: left;}
.service ul li{font-size: 18px;color: #333;float: left;line-height: 25px;width: 200px;text-align: center;}
.service ul li em{width: 110px;height: 110px;line-height: 0;display: block;overflow: hidden;background: #333; margin: 0 auto 16px; border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.service ul li em img{width: 110px;height: 110px;}
.service ul li i{display: block;}
.service ul li:hover,.service ul li.cur{font-weight: bold;}
.service ul li:hover em,.service ul li.cur em{background: #ba272d; transform: rotateY(180deg);}

/*   资讯  */
.bg-grey {width: 100%;height: auto;padding: 30px 0 20px 0;float: left;background: #eee;}
.tab-block {width: 850px;overflow: hidden;float: left;}
.tab-block.tab-item {height: 430px}
.tab-block.tab-item .tabs {height: 380px}
.tab-block .tab-buttons {height: 50px;text-align: center;padding: 0 0 0 290px;}
.tab-block .tab-buttons .tab-button {margin-left: 50px;height: 40px;text-align: center;font-size: 16px;color: #020202;line-height: 40px;position: relative;cursor: pointer;display: inline-block;font-weight: normal;}
.tab-block .tab-buttons .tab-button.cur {border-bottom: 2px solid #888686;}
.tab-block .tabs {width: 100%;float: left;}
.tab-block .tabs .tab-item {width: 850px;height: 300px;overflow: hidden;display: none;position: relative;margin-top: 20px;}
.tab-block .tabs .tab-item.active {display: block}
.tab-item dl{width: 345px;float: left;margin-right: 80px;}
.tab-item dl dt{width: 68px;float: left;font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;}
.tab-item dl dt i{display: block;font-size: 20px;color: #020202;}
.tab-item dl dt em{display: block;padding: 25px 0 0;}
.tab-item dl dt em img{width: 28px;height: 28px;}
.tab-item dl dd{width: 276px;float: left;}
.tab-item dl dd em{display: block;width: 276px;height: 155px;line-height: 0;overflow: hidden;position: relative;}
.tab-item dl dd em img{width: 100%;height: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.tab-item dl dd em:hover img{transform:scale(1.1)}
.tab-item dl dd h5{height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;}
.tab-item dl dd h5 a{font-size: 14px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 276px;}
.tab-item dl dd h5 a:hover,.tab-item dl dd span a:hover{color: #ba272d;}
.news_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;padding: 10px 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tab-item dl dd span{display: block;padding: 10px 0 0;}
.tab-item dl dd span a{font-size: 12px;color: #000;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.news_r{width:350px;float: right;margin-top: 75px;overflow: hidden;height: 270px;}
.news_r dl{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e2e2e4;}
.news_r dl dd h5{padding:0;line-height: 22px;}
.news_r .news_desc{padding: 0;}

/*关于我们*/
.ab_bg{background: url(../pic/ab_bg.jpg) no-repeat center 0;height: 550px;overflow: hidden;width: 100%;float: left;}
.about dl{position: relative;height: 550px;}
.about dl dt{width: 960px;height: 550px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.about dl dt img{width: 960px;height: 550px;}
.about dl dd{width: 600px;float: left;padding: 80px 0 0;}
.about dl dd h2{font-size: 40px;color: #f2f2f2;line-height: 44px;height: 100px;overflow: hidden;font-weight: normal;position: relative;}
.about dl dd h2:after{content: "";width: 60px;height: 2px;background: #f2f2f2;position: absolute;bottom: 0;left: 0;}
.about dl dd h2 i{display: block;font-size: 18px;color: rgba(255,255,255,0.5);}
.about dl dd h2 a{color: #f2f2f2;}
.about dl dd h2 a:hover{color: #fff;}
.ab_desc{font-size: 14px;color: rgba(255,255,255,0.9);line-height: 30px;height: 90px;overflow: hidden;padding: 20px 0 0;width: 520px;}
.digital{padding: 50px 0 0;}
.ibrand-num li{float:left;height:80px;color:#fff;font-size:16px;font-weight: bold;}
.ibrand-num li b{font-size:40px;line-height: 40px; font-family:"Impact";font-weight: normal;color: #ba272d;padding-right: 3px;}
.ibrand-num li span{display:block; padding:5px 0 0;}
.ibrand-num li i{font-size: 40px;color: #ba272d; font-family:"Impact";font-weight: normal;padding-right: 3px;}
.ibrand-num li em{font-size: 24px;}
.ibrand-num li.ab_li01{width: 170px;}
.ibrand-num li.ab_li02{width: 190px;}
.ibrand-num li.ab_li03{width: 180px;}

.photo{width:100%;float:left;padding:60px 0 80px;background: #f5f5f5;position: relative;}
.photo_l{height: 66px;width: 500px;margin: 0 auto;}
.photo:after{position:absolute;content:"";height:1px;width:100%;background: #ccc;left: 0;top: 125px;}
.photo_l ul li{width: 190px;height: 66px;line-height: 56px;float: left;padding: 0 30px;}
.photo_l ul li a{font-size: 30px;color: #333;display: block;height: 66px;}
.photo_l ul li em{display: block;float: left;width: 40px;height: 40px;line-height: 0;overflow: hidden;margin: 10px 10px 0 0;}
.photo_l ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;transition:all .5s;}
.photo_l ul li.on a,.photo_l ul li:hover a{color: #ba272d;font-weight: bold;background:url(../pic/photo_line02.png) no-repeat center bottom;}
.photo_l ul li.on em img,.photo_l ul li:hover em img{margin-top: -40px;}
.topCon_2 {float:left;width: 1200px;height: 265px;border-top:0;overflow:hidden;padding: 45px 0px 0px 0px;}
.topCon_2 .li01{border:1px #ededed solid;float:left;width: 170px;height: 227px;font-size:0px;position:relative;overflow: hidden;}
.topCon_2 .li01 img{margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;border-radius: 10px;width: 100%;height: auto;}
.topCon_2 .li02{float:left;width: 170px;text-align:center;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height: 45px;}
.topCon_2 ul{float:left;width: 170px;padding: 0 15px;}

/*底部*/
.f_bg{ background:url(../pic/f_bg.jpg) no-repeat center 0; height:370px;overflow: hidden;padding: 94px 0 0;}
.footer{width: 1200px; margin:0 auto;}
.f_top{display: block;font-size: 24px;color: #fff;height: 60px;line-height: 36px;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.f_top i{font-size: 24px;}
.f_nav{width: 410px;height: 299px;}
.f_nav ul li{float: left;width: 205px;line-height: 36px;height: 36px;overflow: hidden; background:url(../pic/f_ico01.png) no-repeat 0 13px;}
.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.6);padding-left: 15px;}
.f_nav ul li a:hover{color: #fff;}
.f_er{width: 410px;height: 299px;padding: 0 0 0 20px;}
.f_er h5{width: 205px;height: 55px;padding: 0 0 20px 90px;}
.f_er h5 img{width: 205px;height: 55px;}
.f_er p{width: 110px;text-align: center;float: left;padding-right: 25px;}
.f_er p img{width: 110px;height: 110px;}
.f_er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 40px;}
.f_ban{width: 280px;height: 299px;}
.f_ban p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 36px;}
.f_ban span{display: block;line-height: 36px; background:url(../pic/f_tel.png) no-repeat 0 7px;padding-left: 40px;font-size: 26px;font-weight:bold;color: #ba272d;margin-bottom: 5px;}
.f_ban a{color: rgba(255,255,255,0.6);}
.f_bot{width:100%;float:left;color:rgba(255,255,255,0.6);font-size:14px;line-height: 76px;height: 71px;}
.f_bot a{color:rgba(255,255,255,0.6);}
.f_bot .bot_l{padding-right: 30px;}
.f_link{height: 71px;line-height: 71px;overflow: hidden;width: 690px;float: right;}
.f_link b{display: block;float: left;font-size: 14px;color: rgba(255,255,255,0.6);width: 80px;text-align: right;font-weight: normal;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.6);float: left;width: 609px;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.6); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}

.Fbanner{width:100%;float:left;}
.Fbanner img{width:100%;height: auto;}
.all{width:100%;float:left;}
/*内页*/
.navigation{font-size: 14px;border-bottom: 1px dashed #dcdcdc;padding: 20px 0 10px;margin-bottom: 20px;width: 100%;float: left;}
.navigation b {border-left: 10px solid #333333;font-weight: normal;padding-left: 8px;} 
.navigation i {font-style: normal;}

/*分类栏目*/
.cpfl{width: 2.4rem;}
.cpfl .li01{float:left;width: 2.4rem;font-size: 0.24rem;color: #FFFFFF;text-align: center;line-height: 0.75rem;display: block;background: #ba272d;}
.cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.cpfl .li03 {width: 2.4rem;background: #fff;padding-bottom: 0.1rem;float:left;overflow: hidden;}
.cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpfl .li03 h2{float: right;width: 1.9rem;font-size: 0.18rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding: 0.2rem 0.2rem 0.2rem 0.3rem;border-bottom:1px solid #ededed;background: #ba272d;color: #fff;font-weight: normal;margin-top: 0.01rem;}
.cpfl .li03 h2 a{color:#fff}
.cpfl .li03 h3{float: left;width: 1.8rem;font-size: 0.13rem;line-height: 0.5rem;padding-left: 0.3rem;padding-right: 0.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-top: 0.01rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;background: #ececec;}
.cpfl .li03 h3:hover a{color:#ba272d;}
.cpfl .li03 h3:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 17px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cpfl .li03 h3:hover:after{border-color:#ba272d}
.cpfl h2 span{position: absolute;right: 0.1rem;cursor:pointer;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.2rem;text-align: center;font-size: 0.18rem;}
.cpfl .demo{overflow:hidden; width:2.4rem;  min-height:3rem;  max-height:5rem; float:left}
.cpfl .demo img{ width:2.4rem; margin-top:0.1rem;}
.tj{margin: 0.05rem 0 0.2rem;width: 100%;float: left;height: 500px;overflow: hidden;}
.tj .tj_b{float:left;width: 2.4rem;font-size: 0.24rem;color: #FFFFFF;text-align: center;line-height: 0.6rem;display: block;background: #ba272d;border-bottom: 1px solid #fff;}
.tjlist{/*height:2.35rem;overflow:hidden;*/float: left;width: 100%;}
.tj .tjlist .tjzx{float:left;width: 2.25rem;margin: 0 0.05rem;height:0.46rem;line-height:0.46rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom:1px dashed #dbdbdb;}
.tj .tjlist .tjzx a{color:#4b4a4a;}
.tj .tjlist .tjzx a:hover{color:#ba272d;}
/*.tjcplist{height:4.7rem;}*/
.tj .tjlist .tjcp{float:left;width: 2.38rem;margin-top: 0.1rem;border: 1px solid rgba(153, 153, 153, 0.3);}
.tj .tjlist .tjcp span{width:100%;height: 178px;float:left;position: relative;overflow: hidden;}
.tj .tjlist .tjcp span img{width: 100%;height: auto;position: absolute;margin: auto;left:0;right:0;top:0;bottom:0;}
.tj .tjlist .tjcp p{float:left;width:100%;height: 40px;font-size: 14px;font-weight: normal;line-height: 40px;overflow: hidden;text-align: center;text-overflow: ellipsis;color: #fff;background: #BA272D;white-space: nowrap;}
.cbgg-01 {background: #ba272d;text-align: center;color: #fff;width: 100%;float: left;margin-bottom: 0.3rem;}
.cbgg-01-img img {width: 100%;display: block;}
.cbgg-01 p {padding-top: 15px;}
.cbgg-01 p img {vertical-align: middle;margin-right: 5px;}
.cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}
.Rcontent{width:9.3rem;}
.leftnav-z1-tit {height: 50px;font-size: 24px;font-weight: normal;line-height: 50px;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;}
.leftnav-z1-tit span {display: inline-block;height: 50px;border-bottom:1px solid #333333;}
.Rlist{width:100%;float:left;}
.cplist li{width: 32.2%;border: 1px solid #dedede;margin-bottom: 15px;background: #fff;float: left;margin-right: 1.1%;box-sizing: border-box;}
.cplist li span{width:100%;height: 223px;float:left;position: relative}
.cplist li span img{width:100%;height: auto;position: absolute;margin: auto;left:0;right:0;top:0;bottom:0;}
.cplist li h3{display: block;height: 45px;line-height: 45px;color: #727272;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;width: 96%;padding: 0 2%;}
.cplist li p{width:96%;padding:0 2%;height:40px;line-height:20px;float:left;color:#666;margin-bottom: 12px;}
.cplist li:hover{border: 1px solid #ba272d;}
.cplist li a:hover i{color:#ba272d}
/*翻页*/
.p12-pagination-1 {margin: 0 auto;padding: 20px 0;height: 30px;text-align: center;width: 100%;float: left;}
.p12-pagination-1 a,.p12-pagination-1 span {vertical-align: top;display: inline-block;padding: 0 8px;height: 26px;line-height: 26px;border: 1px solid #e5e5e5; text-align: center;margin: 0 2px;background: #fff;}
.p12-pagination-1 span {border: 1px solid #fff;}
.p12-pagination-1 .page_curr {background:#ba272d;color:#fff;border-color:#ba272d;}
.p12-pagination-1 a:hover{color:#ba272d}
/*新闻头条*/
.Headlines {padding: 35px 50px 0px 20px;background: #fff;border-bottom: 1px dashed #cacaca;margin-bottom: 20px;height: 164px;width: 860px;float: left;}
.Headlines dt {position: relative;height: 30px;font-size: 18px;line-height: 30px;margin-bottom: 8px;padding-left: 68px;}
.Headlines dt a {display: block;color: #333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Headlines dt span {display: block;width: 60px;height: 30px;font-size: 18px;line-height: 30px;text-align: center;color: #fff;position: absolute;top: 0;left: -0px;background: #ba272d;}
.Headlines-desc {height: 72px;line-height: 24px;margin-bottom: 5px;overflow: hidden;padding-left: 68px;}
.Headlines-deta {width: 60px;float: right;padding-left: 20px;background: url(../pic/p14-icon21.png) no-repeat left center;}
.Headlines-deta a {display: block;color: #ba272d;}
/*新闻列表*/
.xwlist li{border: 1px solid #dedede;margin-bottom: 15px;padding: 22px 50px 22px 22px;background: #fff;display: inline-block;width:856px;}
.xwlist li .xwimg{width: 44.4%;float: left;margin-right: 2.3%;}
.xwlist li .xwimg img{width:100%;display: block}
.xwlist li h3{height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.xwlist li h3 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwlist li:hover{border:1px solid #ba272d;}
.xwlist li:hover h4 a {color: #ba272d;}
.xwdesc{max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 28px;overflow: hidden;}
.list-deta {width: 90px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;}
.list-deta a{color:#fff;}
.xwlist li:hover .list-deta {background: #ba272d;border-color: #ba272d;}
.xwlist li:hover .list-deta a {color: #fff;}
/*详情切换图*/
.product_con{float: right;width: 100%;background:#ffffff;padding-top: 0.12rem;}
.product_con .jieshao{float:right;width: 45%;color: #000;margin-right: 3%;position: relative;}
.product_con .jieshao h1{height: 48px;font-size: 24px;font-weight: normal;line-height: 48px;color: #4a4a4a;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_con .jieshao .two{float:left;line-height: 24px;font-size:0.14rem;color: #666;padding: 0.05rem 0 0.05rem 0;width: 100%;max-height: 1.68rem;min-width: 1rem;padding-bottom: 0.86rem;}
.product_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.product_con .jieshao .two span{width: 4.25rem;line-height: 0.3rem;}
.product_con .jieshao .san{float:left;line-height:0.3rem;font-size: 0.18rem;color:#000000;width: 100%;padding:0.2rem 0 0 0;font-weight: bold;}
.product_con .jieshao .san span{color: #FF0000}
.product_con_lf{position: relative;margin: 0 auto;float:left;width: 45%;margin-left: 20px;}
.product_imgs{position: relative;z-index: 8;width: 100%;overflow: hidden;}
.product_bigImg{margin-bottom: 0.1rem;width: 99.8%;height: 3.15rem;overflow: hidden;float:left;position:relative;}
.product_bigImg img{width: 100%;height: auto;margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;}
.product_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.product_smallImg{position: relative;margin-top: 0px;height: 0.67rem;overflow: hidden;float:left;width: 4.25rem;margin-left: 0.2rem;/*display: none;*/}
.product_smallImg ul{width: 100%;}
.product_smallImg ul li{position:relative;float: left;width: 0.94rem;height: 0.65rem;margin-right:0.1rem;border: 1px solid #CCC;}
/*.product_smallImg ul li img{width: 100%;height: auto;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;cursor: pointer;}*/
.product_smallImg ul li img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;cursor: pointer;max-width: 0.94rem;max-height: 0.65rem;}
.product_smallImg ul li.on {border: 1px #f23742 solid;}
.product_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    cursor: pointer;}
.product_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
span.product_imgs_lf{display: block;position: absolute;left: 8px;top: 50%;z-index: 10;width: 0.1rem;height: 0.65rem;line-height: 0.67rem;color: #ccc;cursor:pointer;background: url(../pic/p15-icon2.png) no-repeat center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
span.product_imgs_rt{display: block;position: absolute;right: 8px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;width: 0.1rem;height: 0.65rem;line-height: 0.65rem;color: #ccc;cursor: pointer;background: url(../pic/p15-icon3.png) no-repeat center;}
span.product_imgs_lf:hover,span.product_imgs_rt:hover{color:#f00}
.xx-tel {width: 100%;height: 56px;border-top: 2px solid #e6e6e6;padding-top: 10px;position: absolute;bottom: -0.9rem;}
.xx-tel1 {width: 114px;height: 44px;background: #ba272d;font-size: 18px;line-height: 44px;text-align: center;float: right;}
.xx-tel1 a {display: block;color: #fff;}
.xx-tel2 {height: 56px;padding-left: 70px;background: url(../pic/pc-xc-icon2.png) no-repeat 10px top;font-size: 18px;line-height: 18px;color: #454545;}
.xx-tel2 p {line-height: 24px;}
/*产品详情*/
.prodesc{width:100%;float:left;padding:18px 0 42px;}
.probiaoti {display: inline-block;height: 64px;line-height: 64px;font-size: 28px;color: #1a1a1a;font-weight: normal;position: relative;border-bottom: 3px solid #ba272d;margin-bottom: 20px;}
.probiaoti:after {content: '';position: absolute;width: 50%;height: 3px;background: #333;right: 0;bottom: -3px;z-index: 1;}
.tableScrolling tr{
  border: 1px solid #bfbfbf;
  border-collapse: collpase;
  height: 30px;}

.tableScrolling table{width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  text-align: center;}
.tableScrolling tr:first-child{
  background: #ba272d;
  color: #fff;
  font-weight: 600;
}
.tableScrolling td{
  border: 1px solid #ccc;
  border-collapse: collapse;
  height: 41px;
  line-height: 41px;
  font-size: 15px;
}
.xtjs{width:100%;float:left;margin:15px 0 25px;}
.xt_left{width:400px;position: relative;}
.xt_left span img{width:400px;height: auto;}
.xt_left i{color: #fff;font-size: 18px;background: #ba272d;display: inline-block;padding: 5px 15px;border-radius: 0px;position: absolute;top: 20px;right: 170px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);}
.xtjs .xt_right {width: 470px;float: left;padding-left: 20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);background: #f8f8f8;padding: 0px 20px 20px;}
.xt_right li {margin-top: 20px;}
.jbgn {border-left: 6px solid #ba272d;padding-left: 10px;color: #ba272d;font-size: 17px;font-weight: bold;margin-bottom: 10px;display: block;line-height: 28px;}
.xt_right li em {line-height: 35px;position: relative;padding-left: 15px;border-bottom: 1px dashed #dddcdc;padding-bottom: 5px;margin-left: 10px;color: #333;font-style: normal;font-size: 15px;}
.jstd{width:100%;float:left;margin-top:20px;}
.jstd li{float: left;width: 28.1%;border-radius: 4px;margin-right: 1%;border: 1px solid #f2f0f4;margin-left: 0%;box-shadow: 2px 1px 15px 1px #eee;transition: all 0.8s;
padding: 2%;margin-bottom: 10px;height: 135px;text-align: center;}
.jstd li p:nth-child(2n+1){font-size: 42px;display: block;color: #ba272d;border-radius: 7px;font-style: normal;font-weight: 700;font-family: "Arial";padding-top: 15px;text-align: center;}
.jstd li p:nth-child(2n){display: block;color: #333;font-size: 20px;font-weight: normal;font-style: normal;line-height: 35px;text-align: center;padding-top: 20px;}
.jstd li:hover{transform: translateY(-8px);box-shadow: 2px 4px 15px #ccc}
.rmtj{width:100%;float:left;margin-bottom: 20px;}
.protj-tit {height: 46px;line-height: 46px;font-weight: normal;border-bottom: 2px solid #dfdfdf;margin-bottom: 30px;padding-top: 26px;width: 100%;float: left;}
.protj-tit b {display: inline-block;font-size: 24px;font-weight: normal;color: #464646;padding-left: 52px;border-bottom: 2px solid #333333;background:url(../pic/p14-icon11.png) no-repeat 22px center;}
.protj-tit span {margin-left: 10px;font-size: 18px;font-family: Arial;color: #c2c2c1;text-transform: uppercase;}
.protj-list li{float:left;width:23.8%;margin-right:1.6%;border: 1px solid #dfdfdf;box-sizing:border-box;margin-bottom:20px;}
.protj-list li:nth-child(4n){margin-right:0}
.protj-list li span{width:100%;height: 165px;position: relative;overflow: hidden;float: left}
.protj-list li span img{width:100%;height: auto;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.protj-list li h3{padding: 10px 10px 5px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;color: #191919;font-size: 16px;}
.protj-list li p{text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 10px 5px;height: 22px;}
/*新闻详情*/
.news .info-tit{text-align: center;font-weight: normal;margin-bottom: 40px;font-size: 28px;line-height: 40px;color: #535353;height: 40px;overflow: hidden;width: 100%;float: left;}
.info-bool{border-bottom: 1px solid #333333;height: 20px;font-size: 12px;color: #909090;width:100%;float:left;}
.info-bool span{margin-right: 15px;}
.info-bool i{font-style: normal;float: right;display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #333333;}
.info-bool i a{color:#fff}
.info-desc{width:100%;float:left;margin: 30px 0;}
.info-desc .news-ms{line-height: 28px;font-size:16px;}
.info-desc .news-ms img{max-width:100%;height: auto;}
.pagnation{width:100%;float:left;margin-bottom: 24px;padding-right: 40px;line-height: 32px;}
.pagnation span{width: 60px;height: 32px;background: #a2a2a2;color: #fff;text-align: center;display: inline-block;margin-right: 10px;}
.pagnation a{color: #4b4a4a;}
.pagnation em{float:right;font-style: normal;padding-left: 20px;font-weight: normal;}
.page-key{width:100%;float:left;border-top: 1px solid #333333;font-size: 14px;color: #575556;position: relative;margin-bottom: 20px;}
.page-key p{width:80%;float:left;min-height: 40px;line-height: 40px;}
.page-key p a{margin-right:10px;color: #575556;}
.page-key span{display: inline-block;padding: 0 6px;margin-left: 4px;background: #333333;height: 32px;line-height: 32px;position: absolute;right: 0;top: 0;font-size: 18px;}
.page-key span a{color:#fff}
.xgtj{background: #f5f5f5;padding: 8px 20px;width:100%;float:left;margin-bottom: 20px;}
.xgtj h4{height: 55px;font-size: 24px;font-weight: normal;line-height: 55px;color: #4b4a4a;}
.xgtj .protj-list li{background: #fff;border:0}
/*案例详情*/
.al-ms{margin: 0 auto;text-align: center;padding: 25px 15px 15px 15px;transition: 1s;border: 1px solid #eee;margin-bottom: 15px;}
.al-ms .alimg{width:100%;text-align: center}
.al-ms .alimg img{max-width:85%;height: auto;}
.al-ms .kyxz {text-align: left;padding: 10px 18px;}
.al-ms .kyxz li {border-bottom: 1px dashed #e4e1e1;padding: 5px 0px;font-size: 15px;line-height: 32px;}
/*视频列表*/
.sp-list dl {width: 49%;border: 1px solid #dedede;margin-bottom: 15px;background: #fff;float: left;margin-left: 2%;box-sizing: border-box;}
.sp-list dl:nth-child(2n-1) {margin-left: 0;}
.sp-list dt{position: relative;}
.sp-list dt i{position: absolute;width:64px;height:64px;background:url(../pic/ico_sp.png) no-repeat 0 0;top:0;bottom:0;margin:auto;left:50%;margin-left:-32px;z-index:1;display:none;}
.sp-list dl:hover dt i{display:block;}
.sp-list dt img {width:100%; display: block;}
.sp-list dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;overflow: hidden;text-align: center;}
.sp-list h4 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sp-list dl:hover{border:1px solid #ba272d;}
.sp-list dl:hover h4 a {color: #ba272d;}
/*关于我们*/
.about-nav{width:100%;float:left;margin-bottom: 20px;}
.about-nav li {width: 16.66%;height: 55px;font-size: 18px;line-height: 55px;text-align: center;float: left;border-right: 1px solid #eee;margin-right: -1px;background: #efefed;cursor: pointer;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.about-nav li a {display: block;height: 55px;color: #595757;}
.about-nav li.sidenavcur,.about-nav li:hover {background: url(../pic/p16-icon6.png) no-repeat bottom center #ba272d;border-color: #ba272d;}
.about-nav li.sidenavcur a,.about-nav li:hover a {color: #fff;}
/*关于我们单页*/
.about-title{text-align: center;color: #333;font-size: 40px;line-height: 64px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 8px 0 0;z-index: 1;position: relative;margin: 35px 0;position: relative;width:100%;float:left;}
.about-title h2{font-size:40px;}
.about-title p{position: absolute;width: 100%;height: 100px;right: 0px;top: 0;text-align: center;font-size: 90px;line-height: 78px;color: #f5f5f5;font-weight: bold;z-index: -1;text-transform: uppercase;font-weight: normal;font-family: Times New Roman;}
.aboutinfo{background: url(../pic/about-bg.jpg) no-repeat center 0;padding-top: 30px;}
.aboutinfo dl dd h2{background: url(../pic/about10.png) no-repeat 0 68px;height: auto;line-height: inherit;}
.aboutinfo dl dt{width: 830px;right: 50%;left: auto;}
.aboutinfo .about dl dd{width: 520px;padding-top: 20px;float:right;}
.aboutinfo dl dd h2 a{color: #333;font-weight: bold;font-size: 32px;}
.aboutinfo dl dd h2 i{color: #666;font-weight: normal;font-size: 22px;padding-top:30px;}
.aboutinfo dl dd h2:after{width:0}
.aboutinfo .ab_desc{color: #666;font-size: 16px;    height: 150px;line-height: 32px;padding-top: 40px;}
.aboutinfo .ibrand-num li{font-weight: normal;color: #ba272d;}
.aboutinfo .ibrand-num li.ab_li01{width: 172px;}
.aboutinfo .ibrand-num li span{color: #333;}
.aboutinfo .ibrand-num li.ab_li01 {width: 172px;}
.aboutinfo .ibrand-num li.ab_li02 {width: 168px;}
.aboutinfo dl dt img {width: 830px;height: 470px;}
.hxcp{width:100%;float:left;    background: #f8f8f8;    padding: 1px 0 40px;}
.hxcp .hxcpl{width: 520px;padding-top: 55px;float: left;background: url(../pic/hxcpbg.png) no-repeat 0px -65px;}
.hxcp .hxcpl p{margin: 36px 0;font: 16px "Microsoft YaHei";line-height: 32px;color: #585858;width:100%;float:left;}
.hxcp .hxcpl span{width:100%;height: 190px;overflow: hidden;float: left;}
.hxcp .hxcpl span img{max-width:100%;height: auto;}
.hxcpr{width:650px;height: 477px;overflow:hidden;}
.hxcpr img{max-width:100%;height:auto}
.fwln{width:100%;float:left;background: url(../pic/fwlnbg.jpg) no-repeat center 0}
.jjzw {float: left;width: 592px;height: 329px;background-color: #f9f9f9;padding: 40px 30px 20px 30px;margin-bottom: 50px;}
.jjyt {float: right;width: 544px;background: #333;height: 389px;}
.jjzw p {font-size: 16px;line-height: 32px;color: #333}
.jjzw h3 {color: #333;font-size: 28px;margin-bottom: 32px;position: relative;}
.jjzw h3 span {font-weight: normal;font-size: 22px;display: block;margin-top: 20px;}
.jjzw h3 em {position: absolute;left: 121px;top: 15px;width: 80px;height: 3px;background: #ba272d;}
.ttou {text-align: center;height: 45px;overflow: hidden;}
.ttou span {width: 235px;height: 41px;display: inline-block;position: relative;line-height: 41px;margin: 0 3px;}
.ttou span:after {content: "";display: block;background: #ba272d;-webkit-transform: skew(-35deg);-moz-transform: skew(-35deg);-o-transform: skew(-35deg);-ms-transform: skew(-35deg);transform: skew(-35deg);position: absolute;left: 0;top: 0;width: 100%;height: 41px}
.ttou span a {position: relative;z-index: 2;font-size: 17px;color: #fff;}
/*解决方案详情页*/
.plannav{width:100%;float:left;margin-bottom:20px;}
.plan_cla2 {width: 24.5%;float: left;font-size: 14px;line-height: 30px;margin: 0 0 10px  0.6%;position: relative;}
.plan_cla2:first-child{margin-left:0}
.plan_cla2 h3 {height: 52px;line-height: 52px;font-size: 18px;margin-bottom: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: lighter;}
.plan_cla2 h3 a {display: block;height: 52px;color: #333;background: #f0f0f0;text-align: center;}
.plan_cla2 h3.sidenavcur a {background:#ba272d;color:#fff;}
.plan_cla2 h3 a:hover {color: #fff;background: #ba272d;}
.plan_cla2 ul {padding: 20px 0 20px 28px;border-left: solid 1px #ebebeb;box-shadow: 3px 3px 5px #ccc;width: 264px;background: #fff;position: absolute;z-index: 3;
top: 52px;left: 0;display: none;}
.plan_cla2 li {height: 40px;line-height: 40px;position: relative;border-bottom: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: lighter;}
.plan_cla2 li a {color: #444;display: block;}
.plan_cla2 li a:hover {color:#ba272d;}
.plan_cla2:hover ul{display:block;}
.plandesc{width:100%;float:left;padding:40px 0;}
.plandesc .plan_tit {height: 42px;line-height: 42px;text-align: center;font-size: 42px;color: #333;padding-bottom: 22px;background:url(../pic/plan_bg.png) no-repeat bottom center;}
.plan_ms{width:98%;padding:0 1%;float:left;line-height: 36px;margin-top:40px;font-size:16px;}
.plan_ms img{max-width:100%;height: auto;}
/*联系我们*/
.lxwm{margin-bottom:28px;}
.con1 {margin-top: 20px;overflow: hidden;background-color: #f5f5f5;width: 100%;float: left;}
.con1 dt {width: 315px;border-right: 1px dashed #ccc;float: left;overflow: hidden;background-color: #ba272d;}
.con1 dt h3 {width: 146px;height: 140px;float: left;margin-right: 20px;overflow: hidden;}
.con1 dt h3 img {width: 146px;height: 140px;}
.con1 dt p {font: 30px "Microsoft Yahei";font-weight: bold;color: #fff;margin-top: 45px;}
.con1 dd {width: 830px;float: right;display: inline;overflow: hidden;}
.con1 dd h4 {display: block;font: 20px "Microsoft Yahei";color: #333;overflow: hidden;margin-top: 28px;}
.con1 dd p {font: 16px "Microsoft Yahei"; color: #333;line-height: 24px;overflow: hidden;margin-top: 10px;padding-right: 30px;}
.zy {color: #333333;font-family: 微软雅黑;margin: 28px 0;font-size: 16px;padding-bottom: 24px;background: #f5f5f5;padding-left: 32px;width: 1168px;float: left;}
.zy ul {clear: both;}
.zy ul li {width: 570px;float: left;}
.santi {padding-right: 27px;float: left;padding-top: 20px;line-height: 28px;}
.dsbt {font-size: 22px;font-weight: bold;margin-bottom: 30px;display: block;color: #333;padding-top: 32px;border-bottom: 2px solid #0072b1;padding-bottom: 21px;margin-right: 25px}
.zy li p {margin: 20px 0px 0px;padding: 0px 0px 14px 70px;line-height: 47px;border-bottom-color: #DDDDDD;border-bottom-width: 1px;border-bottom-style: solid;}
/*企业资质*/
.qy_list{width:100%;float:left;}
.qy_list li{width: 283px;float:left;margin: 0 20px 13px 0;border: 1px solid #e5e5e5;}
.qy_list li:nth-child(4n){margin-right:0;}
.qy_list li span{margin: 10px 10px;float: left;background: #fff;width: 265px;height: 354px;position: relative;overflow: hidden;}
.qy_list li span img{width: 265px;height: auto;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.qy_list li p {height: 50px;font-size: 14px;line-height: 50px;text-align: center;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;color: #4b4a4a;font-weight: bold;}
.qyfc li span,.qyrz li span{height: 200px;}
/*合作客户*/
.qy_list.hzkh li{width:210px;}
.qy_list.hzkh li span{height: 98px;width: calc(100% - 20px);}
.qy_list.hzkh li span img{width: 100%;}
/*在线留言*/
.message{width:100%;float:left;}
.message .p4-titlel-1 {width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #333333;}
.p4-order-form-1-con {border:1px solid #bbb;background:url(../pic/message.jpg) no-repeat center bottom #fff;padding:40px 15%;}
.p4-order-form-1-con li p {padding-left: 130px;color: #999;font-size: 12px;}
.p4-order-form-1-con li {margin-bottom: 10px;font-size: 14px;line-height: 35px;color: #666;overflow: hidden;}
.p4-order-form-1-con li span {font-weight: bold;color: #666;}
.p4-order-form-1-con li b{color:#f00;}
.p4-order-form-1-con li .row-hd {color: #666;}
.timenum{padding-left:95px;}
.p4-order-form-1-con li p {clear: both;}
.p4-order-form-1-con label {display: inline-block;width: 120px;color: #666;vertical-align: top;text-align: right;height: 33px;line-height: 33px;overflow: hidden;}
.p4-order-form-1-con .inputs,.p4-order-form-1-con li select {width: 73%;margin-right: 10px;outline: none;padding-left: 10px;border: 1px solid #eee;height: 33px;line-height: 32px;color: #666;box-sizing: border-box;}
.p4-order-form-1-t1 textarea {width: 73%;height: 102px;line-height: 24px;border: 1px solid #eee;outline: none;resize: none;overflow: auto;margin-right: 10px;padding-left: 10px;box-sizing: border-box;}
.p4-order-form-1-con .p4-order-form-1-t3 {padding-left: 120px;}
.p4-order-form-1-con .p4-order-form-1-t3 input {width: 80px;height: 30px;border: 0;text-align: center;margin-right: 30px;color: #fff;padding-left: 0;cursor: pointer;}
.p4-order-form-1-con .p4-order-form-1-b1 {background: #ba272d;}

/*弹窗展示*/
#fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgb(102, 102, 102);opacity: 0.3; z-index: 1100;display:block;}
#fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;    width: calc(100% - 40px);height: calc(100% - 40px);}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;}
#fancybox-inner { position: absolute;
  padding: 0;
  margin: 0;
  outline: none;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 52px);
  overflow: hidden;
  display: block;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background-image: url(../pic/fancybox.png);background-position: -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox_error {color: #444;font: normal 12px/20px Arial;padding: 7px;margin: 0;}
#fancybox-content {height: auto;width: auto;padding: 0;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;}
#fancybox-title {position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102;
  text-align: center;
  width: 100%;    padding: 10px 0;}
.fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url(../pic/blank.gif);z-index: 1102;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico {background-image: url(../pic/fancybox.png);background-position: -40px -30px;}
#fancybox-right-ico {background-image: url(../pic/fancybox.png);background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;    /* IE6 */}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;right: 20px;}
.layui-layer-shade {background-color: rgb(102, 102, 102);}
.layui-layer {color:#000;-webkit-overflow-scrolling: touch;top: 150px;left: 0;margin: 0;padding: 0;background-color: #fff;-webkit-background-clip: content;border-radius: 2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3)}
.layui-layer-ico {background: url(../pic/icon.png) no-repeat;}
.layui-layer-setwin .layui-layer-close2 {position: absolute;top: -30px;right: -30px;width: 30px;height: 30px;background-image: url(../pic/fancybox.png);background-position: -40px 0px;cursor: pointer;z-index: 1103;}
.layui-layer-setwin .layui-layer-close2:hover{position: absolute;top: -30px;right: -30px;width: 30px;height: 30px;background-image: url(../pic/fancybox.png);background-position: -40px 0px;cursor: pointer;z-index: 1103;}

.layerVideo{font-size:0;padding: 20px 10px;}
.layerVideo .layui-layer-content{height: 100% !important;}



